<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <title>销售人员</title>
        <link rel="stylesheet" href="<?php echo __CSS__;?>mobile.css" />

    </head>
    <body class="i">
        <header>
            <a class="h-left back" href="javascript:history.go(-1);"></a>
            <h3>签到</h3>
        </header>
        <div class="finish js-box">
            <div class="f-box">
                <div class="fb-img"><img src="<?php echo __IMG__;?>file/<?php echo ($nodata["bus_logo"]); ?>" /></div>
                <p class="fb-tit"><?php echo ($nodata["tname"]); ?></p>
                <p class="fb-add fb-icon"><?php echo ($nodata["province"]); echo ($nodata["city"]); echo ($nodata["discrict"]); echo ($nodata["address"]); ?></p>
                <p class="fb-time"><?php echo (date("Y.m.d",$nodata["created"])); ?></p>
            </div>
        </div>
        <div class="jobsign"  id="container">
            <div style='display:none'>
                <form name=theform>
                    <input type="hidden" name="spid" value="<?php echo ($spot["spid"]); ?>"  id='spid'/>
                    <input type="hidden" name="lat" value="<?php echo ($nodata["lat"]); ?>"  id='lat'/>
                    <input type="hidden" name="lng" value="<?php echo ($nodata["lng"]); ?>"  id='lng'/>
                    <input type="radio" name="myradio" value="local_name" /> 上传文件名字保持本地文件名字
                    <input type="radio" name="myradio" value="random_name" checked=true />  上传文件名字是随机文件名, 后缀保留
                </form>
            </div>   

            <div class="sign-box">
                <p id="before_time" class="worktime">
                <?php if($spot["before_time"] != null): ?>时间：<?php echo (date('Y-m-d H:i:s',$spot["before_time"])); endif; ?>
                </p>
                
                <input type="file" class="none"  />
                <div class="swai">

                    <div class="snei">

                        <?php if($spot["work_before"] != null): ?><img src="http://zgy-terminal.oss-cn-qingdao.aliyuncs.com/<?php echo ($spot["work_before"]); ?>?x-oss-process=image/resize,w_90" />

                            <?php else: ?>
                            <div id="ossfile"></div>
                            <div id="qiandao">
                                <a id="selectfiles" href="javascript:void(0);" class='btn'> 
                                    <input type="hidden" name="type" id="spot_type" value="work_before"/> 
                                    <input type="hidden" name="type_time" id="spot_time" value="before_time"/>
                                    点击拍照
                                </a> 
                            </div><?php endif; ?>
                    </div>

                </div>
                <i class="b-greer">before</i>
            </div>
            <div class="sign-box">
                <p id="mid_time" class="worktime">
                <?php if($spot["mid_time"] != null): ?>时间：<?php echo (date('Y-m-d H:i:s',$spot["mid_time"])); endif; ?>   
                </p>
                <input type="file" class="none"  />
                <div class="swai">
                    <div class="snei">
                        <?php if($spot["work_mid"] != null): ?><img src="http://zgy-terminal.oss-cn-qingdao.aliyuncs.com/<?php echo ($spot["work_mid"]); ?>?x-oss-process=image/resize,w_90" />

                            <?php else: ?>

                            <?php if($spot["work_mid"] != null): ?><div >
                                    <a id="mid" href="javascript:void(0);" class='btn'> 
                                        <?php else: ?>
                                        <div id="qiandao">
                                            <div id="ossfile"></div>
                                            <a id="selectfiles" href="javascript:void(0);" class='btn'><?php endif; ?>
                                                <input type="hidden" name="type" id="spot_type" value="work_mid"/> 
                                                <input type="hidden" name="type_time" id="spot_time" value="mid_time"/>
                                                点击拍照
                                            </a> 
                                        </div><?php endif; ?>
                                </div>
                                </div>
                                <i class="">working</i>
                                </div>
                                <div class="sign-box">
                                    <p id="after_time" class="worktime">
                                    <?php if($spot["after_time"] != null): ?>时间：<?php echo (date('Y-m-d H:i:s',$spot["after_time"])); endif; ?>   
                                    </p>
                                    <input type="file" class="none"  />
                                    <div class="swai">
                                        <div class="snei">
                                            <?php if($spot["work_after"] != null): ?><img src="http://zgy-terminal.oss-cn-qingdao.aliyuncs.com/<?php echo ($spot["work_after"]); ?>?x-oss-process=image/resize,w_90" />

                                                <?php else: ?>

                                                <?php if($spot["work_mid"] != null): ?><div id="qiandao">
                                                        <div id="ossfile"></div>
                                                        <a id="selectfiles" href="javascript:void(0);" class='btn'> 
                                                            <?php else: ?>
                                                            <div >
                                                                <a id="after" href="javascript:void(0);" class='btn'><?php endif; ?>
                                                                    <input type="hidden" name="type" id="spot_type" value="work_after"/> 
                                                                    <input type="hidden" name="type_time" id="spot_time" value="after_time"/>
                                                                    点击拍照
                                                                </a> 
                                                            </div><?php endif; ?>

                                                    </div>
                                                    </div>
                                                    <i class="">after</i>
                                                    </div>

                                                    <a id="postfiles" href="javascript:void(0);" class='btn' style='display:none'>开始上传</a>
                                                    </div>
                                                    <script>
                                                        var aliyunUrl = "<?php echo U('aliyun/get_ali');?>";
                                                    </script>
                                                    <script type="text/javascript" src="<?php echo __LIBS__;?>jquery/jquery-1.11.1.min.js"></script>
                                                    <script type="text/javascript" src="<?php echo __JS__;?>mobile.js"></script>
                                                    <script type="text/javascript" src="<?php echo __JS__;?>aliyun/lib/plupload-2.1.2/js/plupload.full.min.js"></script>
                                                    <script type="text/javascript" src="<?php echo __JS__;?>aliyun/upload.js"></script>
                                                    <script type="text/javascript" src="<?php echo __LIBS__;?>layer_mobile/layer.js"></script>
                                                    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
                                                    <script>
                                                        var url = "<?php echo APP_PATH;?>";
                                                        var juli = <?php echo ($juli); ?>;
                                                        var lat = <?php echo ($lat); ?>;
                                                        var lng = <?php echo ($lng); ?>;
                                                        wx.config({
                                                        //debug: true,
                                                        appId: '<?php echo ($signPackage["appId"]); ?>',
                                                                timestamp: '<?php echo ($signPackage["timestamp"]); ?>',
                                                                nonceStr: '<?php echo ($signPackage["nonceStr"]); ?>',
                                                                signature: '<?php echo ($signPackage["signature"]); ?>',
                                                                jsApiList: [
                                                                        'checkJsApi',
                                                                        'openLocation',
                                                                        'getLocation'
                                                                ]
                                                        });
                                                        /*
                                                         * 注意：
                                                         * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
                                                         * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
                                                         * 3. 完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
                                                         *
                                                         * 如有问题请通过以下渠道反馈：
                                                         * 邮箱地址：weixin-open@qq.com
                                                         * 邮件主题：【微信JS-SDK反馈】具体问题
                                                         * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
                                                         */
                                                        wx.ready(function () {
                                                        // 1 判断当前版本是否支持指定 JS 接口，支持批量判断
                                                        wx.checkJsApi({
                                                        jsApiList: [
                                                                'getLocation'
                                                        ],
                                                                success: function (res) {
                                                                if (res.checkResult.getLocation == false) {
                                                                alert('你的微信版本太低，不支持微信JS接口，请升级到最新的微信版本！');
                                                                return;
                                                                }
                                                                }
                                                        });
                                                        wx.getLocation({
                                                        type: 'gcj02',
                                                            success: function (res) {
                                                                var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
                                                                var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
                                                                var speed = res.speed; // 速度，以米/每秒计
                                                                var accuracy = res.accuracy; // 位置精度

                                                                var dq = getDisance(lat,lng, latitude, longitude);
                                                                if (dq > juli) {
                                                                    layer.open({
                                                                        content: '当前不在签到范围内',
                                                                        btn: '确定',
                                                                        yes: function (index) {
                                                                            $(".sign-box .swai,.sign-box .snei").addClass("nobot");
                                                                            $("#selectfiles").removeAttr("id");
                                                                            $("input[type='file']").attr("disabled","disabled")
                                                                            layer.close(index);
                                                                        }
                                                                    });
                                                                }
                                                            },
                                                            cancel: function (res) {
                                                                alert('用户拒绝授权获取地理位置');
                                                            }
                                                        });
                                                        wx.error(function (res) {
                                                        alert(res.errMsg);
                                                        });
                                                        });

                                                    </script>
                                                    </body>
                                                    </html>